/*VBox, StackPane, HBox, BorderPane {*/
    /*-fx-text-fill: -fx-base-font-color;*/
    /*-fx-fill: -fx-base-font-color;*/
/*}*/

.jfx-decorator .jfx-decorator-content-container {
    -fx-padding: 2px;
}

.jfx-decorator {
    -fx-background-image: url('../../img/bb/66.jpg');
    -fx-background-insets: 20px;
}

.left-pane, .nav-pane-control{
    -fx-background-color: -fx-left-color;
}

.nav-pane {
    -fx-background-color: -fx-left-color;
    -fx-text-fill: -fx-base-font-color;
    -fx-font-size: 14px;
}

.nav-pane VBox{
    -fx-background-color: -fx-left-color;
    -fx-padding: 2px;
    -fx-spacing: 5px;
}

.nav-pane TitledPane {
    -fx-background-color: -fx-left-color;
    -fx-animated: true;
    -fx-collapsible: true;
    -fx-text-fill:-fx-base-font-color;
    /*-fx-padding: 8px 0 8px 0px;*/
}

.nav-pane .active-nav {
    -fx-background-color: linear-gradient(to right,-fx-selected-color, -fx-selected-color1);
    -fx-padding: 11 0 11 11;
    -fx-border-color: -fx-selected-tip-color;
    -fx-border-width: 0 0 0 5px;
    -fx-effect: dropshadow(three-pass-box, -fx-selected-color, 10, 0.5, 0, 0);
}

.nav-pane TitledPane>.content{
    -fx-background-color: -fx-left-color;
    -fx-border-color: none;
    -fx-padding: 0px -8px 0px -2px;
}

.nav-pane TitledPane .title {
    -fx-background-color: -fx-left-color;
    -fx-padding: 11 20 11 11;
    -fx-border-color: -fx-left-color;
    -fx-border-width: 0 0 0 5px;
    -fx-background-image: url('../../img/arrow_down.png');
    -fx-background-size: 12;
    -fx-background-repeat: no-repeat;
    -fx-background-position: 200;
}

.nav-pane TitledPane .title:hover {
    -fx-background-color: linear-gradient(to right,-fx-selected-color, -fx-selected-color1);
    -fx-border-color: -fx-selected-tip-color;
    -fx-border-width: 0 0 0 5px;
}

.nav-pane TitledPane:expanded>.title {
    -fx-background-image: url('../../img/arrow_up.png');
    -fx-background-size: 12;
    -fx-background-repeat: no-repeat;
    -fx-background-position: 200;
}

.nav-pane TitledPane .title .arrow-button {
    -fx-background-color: -fx-selected-tip-color;
    -fx-content-display: left;
    visibility: hidden;
    -fx-min-width: 1px;
    -fx-max-width: 1px;
    -fx-pref-width: 1px;
    -fx-padding: 0;
}

.nav-pane TitledPane .title .arrow {
    -fx-background-color: -fx-selected-color;
    -fx-opacity: 0;
    -fx-content-display: right;
}

.nav-pane TitledPane .button {
    -fx-padding: 11 10 11 25;
}

.nav-pane Button {
    -fx-text-fill: -fx-base-font-color;
    /*-fx-pref-height: 30px;*/
    -fx-min-width: 218px;
    -fx-max-width: 218px;
    -fx-pref-width: 218px;
    -fx-padding: 11 10 11 11;
    -fx-background-color: -fx-left-color;
    -fx-border-color: -fx-left-color;
    -fx-border-width: 0 0 0 5px;
    -fx-alignment: center-left;
}

.nav-pane Button:hover {
    -fx-background-color: linear-gradient(to right,-fx-selected-color, -fx-selected-color1);
    -fx-padding: 11 0 11 11;
    -fx-border-color: -fx-selected-tip-color;
    -fx-border-width: 0 0 0 5px;
    -fx-effect: dropshadow(three-pass-box, -fx-selected-color, 10, 0.5, 0, 0);
}

.nav-pane .nav-small-pane Button {
    -fx-min-width: 50px;
    -fx-pref-width: 50px;
    -fx-max-width: 50px;
    -fx-background-color: -fx-left-color;
    -fx-border-color: transparent;
    -fx-border-width: 0 0 0 5px;
    -fx-content-display: graphic-only;
    -fx-padding: 11 0 11 10;
}

.nav-pane .nav-small-pane Button:hover {
    -fx-min-width: 50px;
    -fx-pref-width: 50px;
    -fx-max-width: 50px;
    -fx-background-color: -fx-left-color;
    -fx-border-color: -fx-selected-tip-color;
    -fx-border-width: 0 0 0 5;
}

.nav-pane .nav-small-pane .button .tooltip {
    -fx-background-color: -fx-left-color;
}

.nav-pane .ikonli-font-icon {
    -fx-icon-size: 17px;
    -fx-icon-color: -fx-base-icon-color;
}



/*********************************************popup******************************************/
.popup-nav{
    -fx-background-color: -fx-main-color;
    -fx-border-color: lightgray;
    -fx-effect: dropshadow(three-pass-box, lightgray, 10, 0.5, 0, 0);
    -fx-border-width: 1px;
    -fx-min-width: 250px;
    -fx-pref-width: 250px;
    -fx-max-width: 250px;
}

.popup-nav .ikonli-font-icon{
    -fx-icon-size: 17px;
    -fx-icon-color: -fx-base-icon-color;
}

.popup-nav .first-nav {
    -fx-padding: 5px;
    -fx-text-fill: -fx-base-font-color;
    -fx-font-size: 20px;
    -fx-font-weight: 800;
    -fx-background-color: -fx-main-color;
}

.popup-nav .child-nav {
    -fx-text-fill: -fx-base-font-color;
    -fx-min-width: 250px;
    -fx-pref-width: 250px;
    -fx-max-width: 250px;
    -fx-font-size: 17px;
    -fx-padding: 8px 8px 8px 25px;
    -fx-alignment: center-left;
    -fx-background-color: transparent;
}

.popup-nav .child-nav:hover {
    -fx-padding: 8px 8px 8px 25px;
    -fx-text-fill: -fx-base-font-color;
    -fx-background-color: linear-gradient(to right,-fx-selected-color, -fx-selected-color1);
}

/****************************************header****************************************/
.header {
    -fx-background-color: -fx-head-color;
}

.header .nav-title {
    -fx-graphic: url('../../img/48.jpg');
    -fx-text-alignment: RIGHT;
}

.header .nav-title:hover {
    -fx-scale-x: 1.2;
    -fx-scale-y: 1.2;
}

.header .ikonli-font-icon {
    -fx-icon-size: -fx-base-icon-size;
    -fx-icon-color: -fx-base-icon-color;
}

.header .button, .label {
    -fx-text-fill: -fx-base-font-color;
    -fx-graphic-text-gap: 10px;
}

.nav-user-popup {
    -fx-background-color: -fx-base-background-color;
}

.nav-user-popup .button {
    -fx-text-fill: -fx-base-font-color;
    -fx-graphic-text-gap: 10px;
}

.nav-user-popup .ikonli-font-icon {
    -fx-icon-size: -fx-base-icon-size;
    -fx-icon-color: -fx-base-color-un;
}

.content-pane {
    -fx-background-color: -fx-main-backgound-color;
}

.scroll-content>StackPane {
    -fx-background-color: -fx-base-background-color;
}

.scroll-content>VBox {
    -fx-background-color: -fx-base-background-color;
}

.scroll-content .button, .label {
    -fx-text-fill: -fx-base-font-color;
}

/*.content-pane .button, .label {*/
    /*-fx-text-fill: -fx-base-font-color;*/
    /*-fx-fill: -fx-base-font-color;*/
/*}*/

.font-color {
    -fx-text-fill: -fx-base-font-color;
    -fx-fill: -fx-base-font-color;
}

.popup-content {
    -fx-background-color: -fx-base-color-un;
}



